<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>胡说八道厨房</title>
    <link rel="shortcut icon" href="./img/log.icon">
    <link rel="stylesheet" href="./img/icon/iconfont.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    </script>
</head>

<body>
     <!--大字报-->
    <div class="top">
                <span>胡说</span><span>八道</span><span>厨房</span>
            </div>
         <!--搜索框-->
        <div class="select">
                <input type="text" class="iconfont" placeholder="&#xe8b9;  今天想吃点什么？">
            </div>
       
    <!--tab导航-->
    <div class="tab">
        <ul>
            <li class="iconfont">&#xe610;<p>家常菜</p></li>
            <li class="iconfont">&#xe61b;<p>快手菜</p></li>
            <li class="iconfont">&#xe643;<p>下饭菜</p></li>
            <li class="iconfont">&#xe60e;<p>早餐</p></li>
            <li class="iconfont">&#xe60b;<p>烘培</p></li>
        </ul>
    </div>
    <div class="container">
        <!-- 新闻内容  -->
        <div class="card">
            <div class="box">
                <!-- 上面标题 -->
                <h1>蓑衣黄瓜</h1>
                <h2>做法如下</h2>
                <h3>1.将黄瓜洗净，切成蓑衣花刀，用盐腌10分钟，再用清水冲洗后沥干水分装盘； </h3>
                <h3> 2.将香菇、胡萝卜、冬笋、葱、姜洗净切丝；</h3>
                <h3>3.锅内放油，油烧至六成热时放入葱丝、姜丝，炒出香味后再倒入香菇丝、胡萝卜丝、冬笋丝翻炒，加入白糖、醋、精盐、味精，烧开；</h3>
                <h3> 4.将糖醋汁放凉后倒入装黄瓜的盘中，浸泡几小时后即可食用。</h3>
                <!-- 下面来源和时间 -->
                <div class="sourse-content">
                    <h2>调料：食用油30克；香醋1小匙(3克)；精盐3小匙(9克)；白糖1/2小匙(1.5克)；味精1/2小匙(1.5克)</h2>
                    <h2>原料：黄瓜250克；香菇25克；胡萝卜25克；冬笋25克；大葱1根；生姜1小块</h2>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="box">
                <!-- 上面标题 -->
                <h1>炒黄瓜酱</h1>
                <h2>做法如下</h2>
                <h3>1.用清水将黄瓜洗净，顺长切成4条，片去黄瓜子，切成3分见方的丁，放入碗中，加入少许精盐，拌匀，腌3分钟，滗去水。 </h3>
                <h3>2.用刀将猪肉片成3分厚的大片，剞上十字花刀，切成3分见方的丁。</h3>
                <h3>3.坐煸锅，注入熟猪油，烧至六成热，放入肉丁煸炒；待肉丁内的水分炒出来时，锅内响声加大，随即放入葱姜末、黄酱继续煸炒。</h3>
                <h3> 待黄酱裹匀肉丁并散发出酱香味时，加入料酒、精盐继续煸炒均匀，再加入黄瓜丁，淋上香油翻炒均匀，即可出锅。</h3>
                <!-- 下面来源和时间 -->
                <div class="sourse-content">
                    <h2>调料:食用油30克；香醋1小匙(3克)；精盐3小匙(9克)；白糖1/2小匙(1.5克)；味精1/2小匙(1.5克)</h2>
                    <h2>原料黄瓜250克；香菇25克；胡萝卜25克；冬笋25克；大葱1根；生姜1小块</h2>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="box">
                <!-- 上面标题 -->
                <h1>炝黄瓜衣</h1>
                <h2>做法如下</h2>
                <h3>1.用清水将黄瓜洗净，切成2寸长的段，片下黄瓜皮，卷成卷，放入盆中，撒些精盐，腌10分钟，捞出，挤出水，码在盆中。 </h3>
                <h3> 2.用刀将姜刮去皮，洗净，切成细丝，放在黄瓜皮上。</h3>
                <h3>3.锅中注入适量清水，加入醋精、白糖，上火熬化后晾凉，倒在黄瓜皮上，再放入桂花酱，用盘子盖上腌十小时。</h3>
                <h3> 4.将黄瓜皮卷取出，切成小段，断面朝上，码在盘中即可食用。</h3>
                <!-- 下面来源和时间 -->
                <div class="sourse-content">
                    <h2>调料：精盐1克，醋精20克，白糖50克，桂花酱10克，姜15克。</h2>
                    <h2>原料：黄瓜750克(约6条)</h2>
                </div>
            </div>
    </div>
    </div>
    <!--footer内容-->
    <div class="footer">
        <span class="iconfont">&#xe6cb;<p>首页</p></span>
        <span class="iconfont">&#xe600;<p><a href="wd.html">我的</a></p></span>
    </div>
    <!-- JQuery库文件引入 -->
    <script src="./js/jquery-3.3.1.min.js"></script>
    <!-- JS文件引入 -->
    <script src="./js/index.js"></script>
</body>

</html>